/* PACSTYLE1.CSS */
/* html rules
Author: Tahir Mahmood  tmahmood6@learn.bcit.ca
	Due date: By 2359 hrs on Nov 19, 2019
	Final Project BCIT::COMP 1850 courese - Fall 2019 term
--------------------*/
*  { box-sizing: border-box; }

table th td	{ 
		
/*		text-decoration: none;
		border: 2
		solid black; .
		border-collapse: collapse; 
		border-spacing: 5px; 
		text-align: left;
		padding: 10px 10px 10px 20px;
		font-family: Verdana, sans-serif;
		font-size: 1.1em;
		border-style: dash;   */

}

td	{
		padding: 5px 5px 5px 20px;
		font-family: Arial, sans-serif;
		font-size: 1.1em;
		color: white; #5678ff;
	}

legend {
		
		font-weight: bold;
		font-family: Arial, sans-serif;	
	}


label { 
		font-family: Arial, sans-serif;
	}

/* Create two equal columns that floats next to each other */
.column {
  
	  float: left;
	  width: 50%;
	  padding: 10px;
	  height: 300px;
	  text-align:justify; 
	  line-height:1.4;
	  background-color: white;
	}

/* Clear floats after the columns */
.row:after {
  
	  content: "";
	  display: table;
	  clear: both;
}

.faqs {
		margin: auto;
		margin-top: 80px;
		width: 60%;
		border: 3px solid #4F7CD1;
		padding: 10px;	
}

#ul_nonav{
		list-style-type: circle;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background-color: ;
	}

/* used for bottom block on home or other pages */
#bottomblock {
		position: relative; absolute; 
		height: 250px; 
		width: 100%;
		xbackground-color: #6495ED; #4285F4;
		color: #000; /* #fff; #393C84;  #333333; */
		font-size: .75em;
		font-style: italic;
		margin-right: -5px;
		margin-top: 330px;
		margin-bottom: 30px;			
	}

#centercontent {
		width: 75%;
		margin-left: 120px;
		text-align: justify;
		font-size: 1.5em;
	}

#foottext {
			text-align: center;
			font-size: 1.1em;			
	}
ul {
		  list-style-type: none;
		  margin: 0;
		  padding: 0;
		  overflow: hidden;
		  background-color: #4F7CD1; 
	}

.container { 
			font-weight: ;					
	}
			
.footerleft {  
			float: left; 
			width: 50%;
			height: 100%;
			background-color: black; #6495ED;
			color: white;
			font-family: Georgia, sans-serif;
			font-size: 1.1em;
			text-indent: 20px;
			margin-left: auto;
			xmargin-right: auto;
			clear: both;			
	}

.footerright  { 
			float: right;
			width: 50%;
			height: 100%;
			background-color: black; grey; #6495ED; 
			font-family: Georgia, sans-serif;
			font-size: 1.1em;
			text-indent: 20px;
			margin-right: auto;			  
	}

.ul_nobg {	background-color: transparent;
			font-size: 1.3em;
			display: block;
			line-height: 1.8;
	}

.ul_reg  {
			list-style-image: url('images/dot1.png');
			list-style-type: none;
			text-indent: 10px;
			background-color: transparent;
			font-family: Verdana, sans-serif;
			font-size: 1.0em;
			line-height: 1.4;
	}

.ul_bott a{ 
			width: auto;
			margin-right: 10px;
			bottom: 40px;
			background-color: yellow;
			color: #000;
			font-family: Verdana, sans-serif;
			font-size: 1.2em;
	}

.active {
			background-color: #393C84;
	}

.colorexample {
			background-color: #437855; /*#2B6A47; */
			color: white;
	}

.gotop {
			background-color: #000; #5200cc;
			color:white;
	}
	
.fontli {
			font-size: 1em;
	}

.nav_style {
			font-family: Verdana, sans-serif;
	}

.ul_fixed {
			position: fixed;
			top: 120px;
			width: 100%;
			font-family: Verdana, sans-serif;
			clear: both;
	}

	
#floatright {
			float:right;
	}

#heading2 {
			text-align: center;
			font-size: 2em;
			font-weight: bold;
	}

#heading3 {
			margin-top: 40px;
			padding-top; -0px;
			text-align: center;
			color: #393C84; #ea5b15;
			font-size: 2.5em;
			font-weight: bold;
	}

#slogan {	text-align: left; right;
			margin-top: -30px;
			text-indent: 134px;
			font-size:  1.4em;
			color: #393C84; 
	}

.txindent {	text-indent: 0px;
			margin-left: 20px;		
	}

li {
			float: left;
	}

li a {
	  
		  display: block;
		  color: white;
		  text-align: left;
		  padding: 14px 16px;
		  text-decoration: none;
	}

.li_bott{
		display: inline; block;
		color: white;
		text-align: left;
		padding: 4px 0px;
		text-decoration: none;
	}

a	{
		color: #01579b;
		font-weight: bold;
		text-decoration: underline; none;
	}

a:hover {
	
		background-color:  grey; #86A8DF; 
	}

li a:hover{
		background-color: #86A8DF;  /* #171b99;  #a7a9ff; #4CAF50; */
	}

/* li a:active{
		background-color:  #393C84; /* #01579b;  #86A8DF; #171b99;  #a7a9ff; #4CAF50; */
	}
*/

.ftlinks{
		background-color: white;  
	}


.imgformat {	
		border:1px solid #021a40;
		margin-left: 120px;
	}

.header img {
		float: left;
		width: 120px;
		height: 100px;
		margin-top: -35px;
		background: #555;
		clear:both;
	}

.header h1 {
			  
		position: relative;
		font-size: 3.5em;
		color: #393C84; 
		top: -20px;
		margin-left: 250px;
		margin-bottom: -10px; 		  
	}

.paraformat {	
		margin: auto;
		margin-top: 10px;
		border: 3px ;
		padding: 10px;
		background-color: #DCDCDC;
	}

.home div{
		
		margin-left: 250px; auto;
		margin-right: 250px;
		margin-top: 100px;
		margin-bottom: 120px;
		border: 3px ;
		border-style: solid;
		border-color: #393C84;
		padding: 5px;
		background-color: #DCDCDC; /* #E2E7E2; */
	}

p	{	font-family: Verdana, sans-serif;
		font-size: 1.1em;
	}

.pfaqs { font-family: Arial, sans-serif;
		font-size: 1.1em;   
	}
/* para format home page */
.phome  {
		font-family: Verdana, sans-serif;
		font-size: 1.25em;
	}

.pfooter {	
		font-family: Arial, sans-serif;
		margin-top: 10px;
		text-indent: 30px;
		padding: 0px;
		margin: 0;	
	}

.h2format {
		margin-bottom: 10px;
		font-family: Arial, sans-serif;
		font-size: 2.0em;	
	}

.h2home  {	
		font-family: Verdana, sans-serif;
		font-size: 2.5em;
		color: #393C84;
	}

h4 {    font-family: Verdana, sans-serif;
        font-size: 1.0em;
        margin: auto;
		margin-top: 10px;
		border: 3px ;
		padding: 10px;
		background-color: #3E4551; #0288d1; #4B515D; #DCDCDC; black; #a2ccff; #l80d8ff; 
		color: white;
	}

h5 {  	margin-top: 10px;
		margin-bottom: 10px;
		font-family: Arial, sans-seirf;
		font-size: 1.1em;

	}

#h5toprt  {
		margin-top: 10px;
		margin-bottom: 10px;
		font-family: Arial, sans-seirf;
		font-size: 1.0em;
		color: #4B515D;
	}

#sitemap {
		margin-top: 120px;
		margin-bottom: 0px;
		margin-right: 10px;
		text-align: right;		
	}


.fontclass {
		font-family: Arial, sans-serif;
		margin-left: 20px;		
	}

hr	{ color: #007b99; }
		
.div1 ( 
		
		float: left; 
		width: 50%;
		background-color: #6495ED;
		clear: left;
	}
	
.content3{  
		position: absolute;
		width: auto;
		margin: 2px 198px 10px 0px;
		background-color: #99CCFF; yellow;
		color: #000000;
		padding: 10px 20px; 
		display: block;
		clear: both;
	}		

figcaption	{ 
		left: 200px;
	}
/* ==================================================== */